<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body> 
		
<!-- 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。
以下实例中演示了单选按钮的双向数据绑定：
-->
			 
      <div id="app">
        <select   v-model="selected" name="myselect" onchange="javascript:window.open(this.value)">
          <option value="">选择一个网站</option>
          <option value="http://www.sohu.com" >搜狐</option>
          <option value="http://www.baidu.com">百度</option>
        </select>
       
        <div>
            选择的网站是: {{selected}}
        </div>
      </div>
       
      <script>
      new Vue({
        el: '#app',
        data: {
          selected: '' 
        },
		
		})
      
      </script>
	</body>
</html>

<!--使用 v-for="item in list"  或者 v-for="item of list" 进行遍历都可。-->

